import Vue from 'vue'
// 引入element-ui
import ElementUI from 'element-ui'
// 引入element-ui/lib/theme-chalk/index.css
import 'element-ui/lib/theme-chalk/index.css'
import './assets/styles/index.scss'
import App from './App.vue'
import router from './router'
import store from './store'
import VueQuillEditor from 'vue-quill-editor'

// require styles
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'

// 引入vue-amap
import VueAMap from 'vue-amap'
import ECharts from 'vue-echarts'
Vue.component('chart', ECharts)
Vue.use(VueAMap)
Vue.use(VueQuillEditor)

Vue.use(ElementUI)
// 设置部署不显示提示信息
Vue.config.productionTip = false

// 初始化vue-amap
VueAMap.initAMapApiLoader({
  // 高德的key
  key: '6a204f2b675f32f8849ec4b6b7c21e5c',
  // 插件集合
  plugin: ['AMap.Autocomplete', 'AMap.PlaceSearch', 'AMap.Scale', 'AMap.OverView', 'AMap.ToolBar', 'AMap.MapType', 'AMap.PolyEditor', 'AMap.CircleEditor'],
  // 高德 sdk 版本，默认为 1.4.4
  v: '1.4.4'
})

// 添加全局导航守卫
router.beforeEach((to, from, next) => {
  // 如果用户登录了，我们不拦它，也就是调用next（）方法，让它一直访问
  // 如果用户没有登录
  // 1.如果用户访问的登录页，我们不拦它，直接访问，其实就是调用next（）
  // 2. 如果用户访问的不是登录页，我们要拦住它，让它跳转到登录页面，其实就是调用next（./login')
  let mytoken = localStorage.getItem('mytoken')
  if (mytoken) {
    // 已登录
    next()
  } else {
    // 未登录，访问的不是登录页
    if (to.name !== 'login') {
      next('/login')
    } else {
      // 未登录，访问的是登录页
      next()
    }
  }
})
new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
